/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;400;600&display=swap'); */
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap');
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    /* font-family: 'Inter', sans-serif; */
    font-family: 'Montserrat', sans-serif;
    /* border: solid; */
    color: rgb(0, 0, 0)
    
}
input {

  padding: 0.5rem 0.2rem ;
  border-radius: 5px;
  border-style: none;
}
nav{
  display: flex;
  width: 100%;
}
header{
  /* justify-content: flex-end; */
  background-color: rgb(206, 206, 206);

  width: 100%;
padding: 1% 15%;  
margin-bottom: 3%;
}

.user{
  color: rgb(0, 183, 255);
  font-weight: 400  ;
}
nav ul{

    width: 100%;
    justify-content: space-around;
    display: flex;
    list-style-type: none;
    /* padding: 1rem; */

}

body{
  background-color: rgb(245, 245, 245);
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}
ul {
  list-style-type: none;
  /* padding: 1rem; */
}
.forms{
  display: flex;
  gap: 5rem;
  background-color: rgb(206, 206, 206);
  padding: 2rem;
  margin-bottom: 5%;

}

.block{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  background-color: rgb(221, 221, 221);
  padding: 0.5rem 5rem;
  margin: 0.5rem;
  border-radius: 25px;

  /* background-color: brown; */
}
.btnsDiv{
/* background-color: black; */
justify-items: flex-end;
/* margin: 0% 5%; */

}
textarea {
  /* width: 100%; */
  /* height: 150px; */
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  /* font-size: 16px; */
  resize: none;
}
button {
   /* background: none;  */
	 color: inherit;
	/* border: none; */
	padding: 0.5rem;
	font: inherit;
	cursor: pointer;
	outline: inherit; 
  margin: 0.2rem;
  border-radius: 12px;
}
.delBtn{
  background-color: rgb(172, 119, 119);
}
.doneBtn{
  background-color:  rgb(144, 190, 151);

}
#task_list{
  /* background-color: rgb(160, 160, 160); */
  /* padding: 1rem; */
  /* width: 1000%; */

}
#task_done{

  /* background-color: rgb(196, 255, 87);
  height: 25%; */

}
form{
  display: flex;
  flex-direction: column;
}
.tasksBox{
display: flex;
justify-content: center;
/* background-color: rgb(10, 10, 10); */
/* padding: 2rem; */
width: 80%;
}
/* .div144{

display: none;
background-color: aquamarine;
} */
/* .div302{
  display: none;
} */
.taskGroup{
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
  /* background-color: rgb(202, 202, 202); */
  margin: 5%;
  min-height: 250px;
min-width: 450px;
border-radius: 5px;
padding: 1rem;
}
.pending{
  background-color: antiquewhite;
}
.done{
  background-color: rgb(161, 192, 192);
}